<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>E-code后台模板</title>
    <link rel="stylesheet" href="./css/bootstrap.min.css" />
    <link rel="stylesheet" href="./css/defalut.theme.css" />

    <script src="./javascript/jquery.min.js"></script>
    <script src="./javascript/Chart.js"></script>
</head>
<body>
    <!-- 顶头部 start -->
    <header>
        <div class="head">
            <div class="logo pull-left">
                <img width="40" height="30" src="./images/admin-logo.png" alt="">
                <b>&nbsp;&nbsp;E-code</b>
            </div>
            <div class="info-right pull-right">
                <ul>
                    <a href=""><li class="pull-right"><i class="glyphicon glyphicon-home"></i> 网站前台 </li></a>
                    <a  href=""><li class="pull-right"><i class="glyphicon glyphicon-refresh"></i> 清除缓存 </li></a>
                    <li class="pull-right">
                        <div class="btn-group c-manage-username">
                            <button type="button" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="glyphicon glyphicon-user"></i> 欢迎：Admin <span class="caret"></span>
                            </button>
                            <ul class="dropdown-menu">
                                <li><a href="#">编辑信息</a></li>
                                <li role="separator" class="divider"></li>
                                <li><a href="#">注销登录</a></li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>

        </div>
    </header>
    <!-- 顶头部 stop -->

    <!-- 左侧菜单 start -->
    <aside>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-folder-open"></i>页面类型<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href="./public.html"><dd><i class="glyphicon glyphicon-hand-right"></i>公共页</dd></a>
            <a href="./标签页.html"><dd><i class="glyphicon glyphicon-hand-right"></i>标签页</dd></a>
            <a href="./list.html"><dd><i class="glyphicon glyphicon-hand-right"></i>列表页</dd></a>
            <a href="./编辑页.html"><dd><i class="glyphicon glyphicon-hand-right"></i>编辑页</dd></a>
            <a href="./折叠树状页.html"><dd><i class="glyphicon glyphicon-hand-right"></i>折叠树状页</dd></a>
            <a href="./登录界面.html"><dd><i class="glyphicon glyphicon-hand-right"></i>登录界面</dd></a>
            <a href="./弹出式模糊框.html"><dd><i class="glyphicon glyphicon-hand-right"></i>弹出式模糊框</dd></a>
            <a href="./面板页.html"><dd><i class="glyphicon glyphicon-hand-right"></i>面板页</dd></a>
            </dl>
        </dl>

        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-cog"></i>生成模板<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
                <a href="./生成编辑页面.html"><dd><i class="glyphicon glyphicon-hand-right"></i>开始生成</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>自定义导航</dd></a>
                <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>区域管理</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-tower"></i>权限管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>角色管理</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>管理员日志</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>会员管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-th-list"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
        <dl class="left-nav">
            <dt><i class="glyphicon glyphicon-user"></i>栏目管理<i class="arrow-right glyphicon glyphicon-menu-left"></i></dt>
            <dl>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员列表</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员等级</dd></a>
            <a href=""><dd><i class="glyphicon glyphicon-hand-right"></i>会员充值</dd></a>
            </dl>
        </dl>
    </aside>
    <!-- 左侧菜单 stop -->

    <!-- 主区域 start -->
    <div class="main">
        <!-- 路径导航 start -->
        <ol class="breadcrumb">
          <li><i class="glyphicon glyphicon-home"></i>&nbsp;&nbsp;<a href="#">后台首页</a></li>
          <li class="active">后台管理中心</li>
        </ol>
        <!-- 路径导航 end -->

        <div class="row">
            <div class="col-md-6">
                <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">曲线图</h3>
                </div>
                    <div class="panel-body"> 
                        <canvas id="myChart" width="600" height="400"></canvas>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">蛛网图</h3>
                </div>
                    <div class="panel-body"> 
                        <canvas id="myChart2" width="600" height="400"></canvas>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                            <tr><td>服务器操作系统：</td><td>Liunx</td> <td>服务器域名/IP:</td><td>183.158.33.33</td><td>服务器环境</td><td>Nginx/1.7</td></tr>
                            <tr><td>PHP版本：</td><td>7.0</td><td>Mysql版本：</td><td>5.6</td><td>GD版本:</td><td>bundled</td></tr>
                            <tr><td>文件上传限制：</td><td>128M</td><td>最大占用内存</td><td>512M</td><td>最大执行时间：</td><td>30s</td></tr>
                            <tr><td>安全模式：</td><td>No</td><td>Zlib支持：</td><td>Yes</td><td>curl支持：</td><td>YES</td></tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                        <tr>
                            <td>程序版本：</td><td>Ecode1.0</td>
                            <td>更新时间：</td><td>last-time</td>
                            <td>程序开发：</td><td>鬼谷子</td>
                        </tr>
                        <tr>
                            <td>版权所有：</td><td>鬼谷子</td>
                            <td>官方授权：</td><td>鬼谷子</td>
                            <td>官方论坛：</td><td>鬼谷子</td>
                        </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <table class="table table-bordered">
                        <tr>
                            <td>程序版本：</td><td>Ecode1.0</td>
                            <td>更新时间：</td><td>last-time</td>
                            <td>程序开发：</td><td>鬼谷子</td>
                        </tr>
                        <tr>
                            <td>版权所有：</td><td>鬼谷子</td>
                            <td>官方授权：</td><td>鬼谷子</td>
                            <td>官方论坛：</td><td>鬼谷子</td>
                        </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>

    </div>
    <!-- 主区域 stop -->

    <!-- 底部区域 start -->
    <footer>
        
    </footer>
    <!-- 底部区域 stop -->
<script>
    $(function(){
        // 左侧菜单展开事件
        $('.left-nav').click(function(){
            $('.left-nav').children('dt').children('.arrow-right').removeClass('glyphicon-menu-down');
            $('.left-nav dl').hide("slow");
            $(this).children('dl').stop(true, false).slideToggle("slow");
            $(this).children('dt').children('.arrow-right').addClass('glyphicon-menu-down');
        });

        //图形图表
        //Get context with jQuery - using jQuery's .get() method.
        var ctx = $("#myChart").get(0).getContext("2d");
        //This will get the first returned node in the jQuery collection.
        //var myNewChart = new Chart(ctx);

        var data = {
            labels : ["January","February","March","April","May","June","July"],
            datasets : [
                {
                    fillColor : "rgba(220,220,220,0.5)",
                    strokeColor : "rgba(220,220,220,1)",
                    pointColor : "rgba(220,220,220,1)",
                    pointStrokeColor : "#fff",
                    data : [65,59,90,81,56,55,40]
                },
                {
                    fillColor : "rgba(151,187,205,0.5)",
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    data : [28,48,40,19,96,27,100]
                }
            ]
        }

        new Chart(ctx).Line(data);

        var ctx2 = $("#myChart2").get(0).getContext("2d");
        
        var data = {
            labels : ["Eating","Drinking","Sleeping","Designing","Coding","Partying","Running"],
            datasets : [
                {
                    fillColor : "rgba(220,220,220,0.5)",
                    strokeColor : "rgba(220,220,220,1)",
                    pointColor : "rgba(220,220,220,1)",
                    pointStrokeColor : "#fff",
                    data : [65,59,90,81,56,55,40]
                },
                {
                    fillColor : "rgba(151,187,205,0.5)",
                    strokeColor : "rgba(151,187,205,1)",
                    pointColor : "rgba(151,187,205,1)",
                    pointStrokeColor : "#fff",
                    data : [28,48,40,19,96,27,100]
                }
            ]
        }
        new Chart(ctx2).Radar(data);
    });
</script>
<script src="./javascript/bootstrap.min.js"></script>
<script src="./javascript/defalut.theme.js"></script>
</body>
</html>